*{
  margin:0;
  padding:0
}
a{
  text-decoration: none;
}
li{
  list-style: none;
}
html body{
  background-color: #f3f6f8;
}
/* 清除浮动 */
.clearfix:after {
  visibility: hidden;
  clear: both;
  display: block;
  content: ".";
  height: 0;
}
.clearfix{
  zoom:1;
}


/* 页面固定在最底部 */
html{
    height: 100%;
}
body{
    display: flex;
    flex-direction: column;
    height: 100%;
}
header{
   /* 我们希望 header 采用固定的高度，只占用必须的空间 */
   /* 0 flex-grow, 0 flex-shrink, auto flex-basis */
   flex: 0 0 auto;
}
.main-content{
   /* 将 flex-grow 设置为1，该元素会占用全部可使用空间
      而其他元素该属性值为0，因此不会得到多余的空间*/
   /* 1 flex-grow, 0 flex-shrink, auto flex-basis */
   flex: 1 0 auto;
}
footer{
   /* 和 header 一样，footer 也采用固定高度*/
   /* 0 flex-grow, 0 flex-shrink, auto flex-basis */
   flex: 0 0 auto;
}


/* 五星评分 */
.starFive i{
    display: block;
    float: left;
    font-size: 16px;
    text-align: center;
    margin-right: 5px;
    position: relative;
    overflow: hidden;
    white-space: pre;
    line-height: 15px;
}
.starFive .fraction-icon{
    color: #f4a30a;
}
.starFive i::before{
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 65%;
    content:attr(data-content);
    overflow: hidden;
    color: #f4a30a;
}

section {
    /*width: 1200px;*/
    padding-top: 20px;
    margin: auto;
}
.my-pagination {
    margin-bottom: 0px;
    margin-right: 4px;
}


/*添加图片开课中*/
.curriculumAll-startCourse{
    position: relative;
}
.curriculumAll-startCourse .startCourse{
    width: 64px;
    height: 26px;
    position: absolute;
    bottom: 3px;
    right: 3px;
}